.euiFilterSelectItem {
  @include euiFontSizeS;

  padding: $euiSizeXS $euiSizeM;
  display: block; // Necessary to make sure it doesn't force the whole popover to be too wide
  width: 100%;
  text-align: left;
  color: $euiTextColor;
  border-bottom: $euiBorderThin;
  border-color: darken($euiColorLightestShade, 2%);

  &:hover,
  &:focus {
    text-decoration: underline;
  }

  &:focus,
  &-isFocused {
    cursor: pointer;
    color: $euiColorPrimary;
    background-color: $euiFocusBackgroundColor;
  }

  &[disabled] {
    color: $euiColorMediumShade;
    cursor: not-allowed;

    &:hover {
      text-decoration: none;
    }
  }
}

.euiFilterSelectItem__content {
  @include euiTextTruncate;
}

.euiFilterSelect__items {
  @include euiScrollBar;

  overflow-y: auto;
  max-height: $euiSize * 30;
}

.euiFilterSelect__note {
  height: $euiSize * 4;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.euiFilterSelect__noteContent {
  color: $euiColorDarkShade;
  font-size: $euiFontSizeS;
}
